<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<style>
.tab1 {
	width: 150px;
	height: 24px;
	line-height: 24px;
	border-top: 2px solid dodgerblue;
	border-bottom: 2px solid white;
	border-left: 1px solid dodgerblue;
	border-right: 1px solid dodgerblue;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	position: relative;
	top: 2px;
	left: 20px;
	text-align: center;
	color: rgb(38, 129, 166);
	font-weight: bold;
	font-size: 12px;
	margin-top: 12px;
	background: white;
}

.tab1_line {
	height: 4px;
	border: none;
	border-top: 1px solid dodgerblue;
}

a.ctr {
	cursor: pointer;
}

a.ctr:AFTER {
	content: "|";
	margin: 0 5px;
}

a.ctr:last-child:AFTER {
	content: "";
	margin-right: 0;
}

a.ctr:HOVER {
	color: #f60;
}

.form-item {
	margin: 20px 10px;
}

.form-item>label {
	letter-spacing: 3px;
	width: 110px;
	text-align: right;
	display: inline-block;
}

.form-item>label:AFTER {
	content: ":";
}

.form-item input[type=text] {
	width: 100px;
}

.form-item.required>label:BEFORE {
	content: "*";
	color: red;
}

.qiuzhi {
	width: 330px;
	height: 76px;
	margin-left: 117px;
}

.imagetouxiang {
	border: px solid black;
	width: 230px;
	height: 280px;
}

.biaoti {
	border: 1px solid #95B8E7;
	width: 550px;
	border-radius: 5px 5px 5px 5px;
	padding: 5px;
	font-size: 12px;
	font-weight: bold;
	background-color: #95B8E7;
}

.guidang {
	margin-top: 15px;
}

tbody td {
	border: 1px solid #95B8E7;
	padding: 8px;
}

table {
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

#div_biao #tianjiayihang {
	padding: 10px;
	border: 1px solid #95B8E7;
	border-top-style: none;
	text-align: center;
}
</style>
<form id="userForm">
	<input type="hidden" name="id" value="">
	<h3 style="text-align: center;"></h3>
	<div style="padding-left: 5%;">
		<div>
			<div class="form-item">
				<label for="">学生姓名</label> <input value="${xueshen.studentName}"
					type="text" readonly="readonly" class="easyui-textbox"style="width: 150px;"
					name="stuName"> <label for="">是否成功</label> <span>${xinxi.interviewSuccess == '2'?'否':'是' }</span>
			</div>
			<div class="form-item">
				<label for="">公司名称</label> <input value="${xinxi.interviewCompany}"
					type="text" class="easyui-textbox" readonly="readonly" style="width: 150px;"
					name="gongsi"> <label for="">面试时间</label> <input
					class="easyui-datetimebox" value="${xinxi.interviewTime}"
					readonly="readonly" type="text" class="easyui-textbox"
					name="manshishijian" style="width: 150px;">
			</div>
			<div class="form-item">
				<label for="">面试地点</label> <input value="${xinxi.interviewAddress}"
					type="text" readonly="readonly" class="easyui-textbox" style="width: 150px;"
					name="mianshididian">
			</div>
		</div>
		<div class="form-item required">
			<span class="biaoti" style="color: white;">预案:</span><br /> <input
				class="easyui-textbox" name="yvan" value="${xinxi.interviewPlan}"
				data-options="multiline:true" readonly="readonly"
				style="height: 150px; width: 600px;"></input>
		</div>
		<div style="margin: 20px 0;"></div>
		<div id="panel" style="margin: 10px; width: 600px">
			<div class="right4" id="right" style="width: 600px">
				<div style="display: inline-block; width: 100%;" id="div_biao">
					<div id="tianjiayihang"
						style="border-top: 1px solid #95B8E7; border-bottom-style: none;">
						<span style="font-weight: bolder">面试资料</span>
					</div>
					<table style="width: 100%; border: 1px solid #CCC;">
						<tbody class="biaoge">
							<tr style="border: 1px solid #CCC;">
								<td>面试问题</td>
								<td>答案</td>
								<td width="100px">类型</td>
								<td>操作</td>
							</tr>
						</tbody>
						<tbody id="tbody">
							<c:forEach items="${materials}" var="materials">
								<tr>
									<td><input type="hidden" name="id"
										value="${materials.interview_materials_id}"> <textarea
											name="plan_detail" style="width: 80%; height: 50px;" rows="5">${materials.interview_materials_question}</textarea></td>
									<td><textarea name="support"
											style="width: 80%; height: 50px" rows="5">${materials. interview_materials_answer}</textarea></td>
									<td><select name="language" style="width: 80px;">
											<option value="生活"
												${materials.interview_question_type=='生活'?'selected':''}>生活</option>
											<option value="技术"
												${materials.interview_question_type=='技术'?'selected':''}>技术</option>
											<option value="其他"
												${materials.interview_question_type=='其他'?'selected':''}
												selected="selected">其他</option>
									</select></td>
									<td><a style="cursor: pointer" class="rm">删除</a></td>
								</tr>
							</c:forEach>
						</tbody>
					</table>
					<div id="tianjiayihang"
						style="border-top: 0px solid #95B8E7; border-bottom-style: none;">
						<span style="font-weight: bolder">音频资料</span>
					</div>
					<div style="display: inline-block; width: 100%;">
						<input type="hidden" name="yinId" value="${yin.imageId}">
						<table style="width: 100%;">
							<tbody class="biaoge">
								<tr style="border-top-style: none;">
									<td style="padding: 4px;">文件名</td>
									<td style="padding: 4px;">文件地址</td>
									<td style="padding:4px;">时间</td>
									<td style="padding: 4px;">操作</td>
								</tr>
							</tbody>
							<tbody style="${yin==null?'display:none':''}">
								<tr>
									<td style="padding: 4px;">${yin.imageName}</td>
									<td style="padding: 4px;">${yinpath}</td>
									<td style="padding: 4px;">${yin.imageTime}</td>
									<td style="width:30px ;padding: 5px;"><a href="download/${yin.imageId }" style="text-decoration: none">下载</a></td>
								</tr>
							</tbody>
						</table>
					</div>
					<div id="tianjiayihang" style="float: left; width: 578px">
						<span style="font-weight: bolder">复试记录</span>
					</div>
					<c:forEach items="${retest}" var="retest">
						<div style="float: left; width: 600px;">
							<table style="width: 100%">
								<tbody id="tbody">
									<tr>

										<td style="width: 15%; border-top-style: none;"><input
											type="hidden" name="retestId" value="${retest.retest_id}">
											<span>复试时间：</span></td>
										<td style="width: 35%; border-top-style: none;"><input
											value="${retest.retest_time}" type="text"
											class="easyui-datetimebox" name="retestTime"
											style="width: 150px;"></td>
										<td style="width: 15%; border-top-style: none;"><span>复试地点：</span>
										</td>
										<td style="width: 35%; border-top-style: none;"><input
											value="${retest.retest_address}" type="text"
											class="easyui-textbox" name="retestAddress"></td>
									</tr>
								</tbody>
							</table>
						</div>
						<div style="float: left; width: 600px;">
							<table style="width: 100%">
								<tbody id="tbody">
									<tr>
										<td style="width: 15%; border-top-style: none;">预案：</td>
										<td style="width: 85%; border-top-style: none;"><input
											class="easyui-textbox" name="retestPlan"
											data-options="multiline:true"
											style="height: 50px; width: 400px;"
											value="${retest.retest_plan}"></input></td>
									</tr>
									<tr>
										<td style="width: 15%; border-top-style: none;">心得：</td>
										<td style="width: 85%; border-top-style: none;"><input
											class="easyui-textbox" name="retestPlus"
											data-options="multiline:true"
											style="height: 50px; width: 400px;"
											value="${retest.retest_plus}"></input></td>
									</tr>
								</tbody>
							</table>
						</div>
					</c:forEach>
					<div id="tianjiayihang" style="float: left; width: 578px">
						<span style="font-weight: bolder">offer记录</span>
					</div>
					<div style="float: left; width: 600px; height: 100px;">
						<div style="float: left; height: 100px; width: 15%">
							<div
								style="width: 100%; height: 100%; border: 1px solid #95B8E7; border-top-style: none;">
								<input type="hidden" name="imageId" value="${img.imageId}">
								<input type="hidden" name="offerId" value="${offer.offer_id}">
								<a href="${imgpath}" target="_blank"><img
									style="${img.imageName==null?'':'width: 100%; height: 100%;'}"
									src="${imgpath}" alt="${img.imageName}" /></a>
							</div>
						</div>
						<div style="float: left; width: 85%; height: 100%">
							<table style="width: 100%; height: 50%;">
								<tbody id="tbody" style="height: 100%; width: 100px">
									<tr>

										<td
											style="width: 78px; height: 100%; border-top-style: none; border-left-style: none"><span>接收时间：</span></td>
										<td
											style="width: 178px; height: 100%; border-top-style: none;"><input
											value="${offer.offer_time}" type="text" name="offerTime"
											class="easyui-datetimebox" style="width: 150px;"></td>
										<td style="width: 78px; height: 100%; border-top-style: none;"><span>提交时间：</span>
										</td>
										<td
											style="width: 178px; height: 100%; border-top-style: none;">${offer.upload_time}</td>
									</tr>
								</tbody>
							</table>
							<div
								style="height: 32.8px; width: 99.8%; border: 1px solid #95B8E7; border-top-style: none; border-left-style: none; text-align: center; padding-top: 17px">
								不是本人登录！</div>
						</div>
					</div>
					<div id="tianjiayihang" style="float: left; width: 578px;">
						<span style="font-weight: bolder">归档信息</span>
					</div>
					<div style="float: left; width: 600px;">
						<table style="width: 100%">
							<tbody id="tbody">
								<tr>

									<td style="width: 15%; border-top-style: none;"><input
										type="hidden" name="fileId" value="${file.file_id}"> <span>试用薪水：</span></td>
									<td style="width: 35%; border-top-style: none;"><input
										value="${file.probation_salary}" type="text"
										class="easyui-numberbox" name="probationSalary"
										style="width: 150px;"></td>
									<td style="width: 15%; border-top-style: none;"><span>转正薪水：</span>
									</td>
									<td style="width: 35%; border-top-style: none;"><input
										value="${file.regular_salary}" type="text"
										class="easyui-numberbox" name="regularSalary"
										style="width: 150px;"></td>
								</tr>
								<tr>
									<td style="width: 15%; border-top-style: none;"><span>试用时间：</span>
									</td>
									<td style="width: 35%; border-top-style: none;"><input
										value="${file.retest_plus}" type="text"
										class="easyui-numberbox" name="Plus" style="width: 150px;"> 月</td>
									<td style="width: 15%; border-top-style: none;"><span>就业时间：</span>
									</td>
									<td style="width: 35%; border-top-style: none;"><input
										value="${file.employment_time}" type="text"
										class="easyui-datetimebox" name="employmentTime"
										style="width: 150px;"></td>
								</tr>
							</tbody>
						</table>
					</div>
					<script type="text/html" id="rowTpls">
										<tr>
											<td>
												<input type="hidden" name="id" value="-1">
												<textarea required name="plan_detail" style="width: 80%;height: 50px;" rows="5"></textarea>
											</td>
											<td>
												<textarea name="support" style="width: 80%;height: 50px" rows="5"></textarea>
											</td>
											<td>
												<select class="easyui-combobox" data-options="multiple:false,panelHeight:'auto',editable:false " name="language" style="width: 80px;">
													<option value="生活">生活</option>
													<option value="技术">技术</option>
													<option value="其他" selected="selected">其他</option>
												</select>
											</td>
											<td>
												<a style="cursor: pointer" class="rm">删除</a>
											</td>
										</tr>
									</script>
				</div>
			</div>
		</div>
	</div>
</form>
<script>
	
</script>